<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <link rel="stylesheet" href="css/elementUI.css">
    <script src="js/vue.js"></script>

    <script src="js/axios.js"></script>
    <script src="js/elementui.js"></script>
    <script src="js/util.js"></script>

</head>
<body>
<div id="app">

</div>
  <span th:text="${msg}"></span><hr/>
<input type="text" name="username" th:value="${msg}"/><hr/>
<input type="text" name="birth" th:value="${#dates.format(birth,'yyyy-MM-dd')}"/><hr/>
<input type="text" name="msg" th:value="${#strings.substring(msg,0,6)}"/><hr/>
性别:
 <span th:if="${sex}==0">
     男
 </span>
<span th:if="${sex}==1">
     女
 </span><hr/>

<ul th:each="str:${list}">
    <li th:text="${str}"></li>
</ul><hr/>
<a th:href="@{/}">@{/}代表什么，项目的根路径</a><hr/>
<a th:href="@{~/}">@{~/}代表什么，服务器的根路径</a><hr/>
<a th:href="@{/hello(id=1,name='哈哈')}">@{~/}代表什么，服务器的根路径</a><hr/>
<a th:href="@{/heihei/1/哈喽}">@{~/}代表什么，服务器的根路径</a><hr/>




</body>
<script>
    new Vue({
        el: "#app",
        data: {
            tableData: [],
        },
        methods: {},
        created() {

        }
    })
</script>

</html>